import React, { Component } from 'react';

class Header extends Component {
    // constructor(props) {
    //     super(props);
    //     // this.state = {
    //     //     env: 0
    //     // };
    // }
    checkout(env){
        console.log(env)
        this.setState({env: env})
    }
    render() {
        return (
            <div className="app">
                <header className="header">
                    <div className="wrap">
                        <div className="logo"></div>
                        <div className="tabs flexbox">
                            <a className={['tabs-item', this.props.env === 0 ?'active' : ''].join(' ')}
                               href='/?env=0'>測試環境</a>
                            <a
                                className={['tabs-item', this.props.env === 1 ?'active' : ''].join(' ')}
                                href='/?env=1'>正式環境</a>
                        </div>
                    </div>
                </header>
                {/*{this.props.children}*/}
            </div>
        );
    }
}
export default Header